<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<script type='text/javascript' src='/System/Library/WidgetResources/AppleClasses/AppleButton.js' charset='utf-8'></script>
	<script type='text/javascript' src='/System/Library/WidgetResources/AppleClasses/AppleInfoButton.js' charset='utf-8'></script>
	<script type='text/javascript' src='/System/Library/WidgetResources/AppleClasses/AppleAnimator.js' charset='utf-8'></script>
	<script type='text/javascript' src="vta.js"></script>
	<link href="vta.css" rel="stylesheet" type="text/css">
</head>
<body>
	<div id="front">
		<img src="Default.png" width="315" height="73" />
		<div id="location"></div>
		<div id="arrivalTime"></div>
		<div id="fliprollie"></div>
		<div id="flipBack" class="flip"></div>
	</div>

	<div id="back" style="display:none">
		<img src="Back.png" width="315" height="160" />
		<div id="controls">
			<table>
				<tr>
					<th>Line</th>
					<td>
						<select name="line" id="line">
							<option value='901'>Alum Rock to Santa Teresa</option>
							<option selected="selected" value='902'>Mountain View to Winchester</option>
							<option value='900'>Ohlone/Chynoweth to Almaden</option>
						</select>
					</td>
				</tr>
				<tr>
					<th>Direction</th>
					<td>
						<select name="direction" id="direction">
						<option value="NO">&lt;-- (Northbound)</option>
						<option value="SO" selected="selected">--&gt; (Southbound)</option>
						</select>
					</td>
				</tr>
				<tr>
					<th>Station</th>
					<td>
						<select name="station" id="station">
						</select>
					</td>
				</tr>
			</table>

			<div class='InputButtons'>
				<input id="flipFront" value="Done" type="button" />
			</div>

			<p id='version'>Next Train VTA Light Rail 1.1 (data effective <span id='effective_date'></span>)</p>
			<p id='credit'>2006 Junius Gunaratne, 2007 Robin Daugherty</p>
		</div>
	</div>
</body>
</html>
